<template>
  <el-menu default-active="/" class="el-menu-vertical-demo" router>

    <el-menu-item v-for="item in nav" :key="item.id" :index="item.path">
      <span slot="title">{{item.name}}</span>
    </el-menu-item>

  </el-menu>
</template>

<script>
  export default {
    data () {
      return {
        nav: [
          {
            id: 1,
            path: '/back/tuiguang',
            name: '我的推广'
          },
          {
            id: 2,
            path: '/back/deposit',
            name: '在线充值'
          },
          {
            id: 3,
            path: '/back/bindcard',
            name: '绑定卡号'
          },
          {
            id: 4,
            path: '/back/coin',
            name: '账变记录'
          },
          {
            id: 5,
            path: '/back/revisepwd',
            name: '密码修改'
          },
          {
            id: 6,
            path: '/back/record',
            name: '投注记录'
          },
//          {
//            id: 7,
//            path: '/back/report',
//            name: '盈亏报表'
//          },
          {
            id: 8,
            path: '/back/cash',
            name: '提现记录'
          },
          {
            id: 9,
            path: '/back/message',
            name: '消息管理'
          }
        ]
      }
    },
    methods: {}

  }
</script>

<style lang="less" scoped>
.el-menu-item{
  border-bottom: 1px solid #ccc;
  height: 50px;
  line-height: 50px;
}
.el-menu-item.is-active{
  background-color: #ccc;
}
</style>
